<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
<!-- 		3.新制作一个注册页面，要求
		      3.1 要求包含用户名，密码，性别，学院，爱好，自我介绍及提交按钮
		      3.2 包含:输入框，密码框，单选框，多选框，文本域，下拉列表
		      3.3 每个需要提交的标签都要有name值
		      3.4 按照name的方式查找各个元素
		      3.5 按照标签的方式查找各个元素 -->
		<div id="div">
			<form action="#" method="post">
				<div id="divlogin">
					<label>用户名:</label>
					<input type="text" name="inputname" id="name" value="" />
					<br />
					<label>密码:</label>
					<input type="password" name="inputpwd" id="pwd" value="" />
				</div>
				<div id="divsex">
					<label>性别:</label>
					<label><input type="radio" name="sex" value="男性" />男性</label>
					<label><input type="radio" name="sex" value="女性" />女性</label>
				</div>
				<div id="divschool">
					<label>学院:</label>
					<select name="school">
						<option value ="college1">软件3班</option>
						<option value ="college2">其他</option>
					</select>
				</div>
				<div id="divhobbit">
					<label>爱好:</label>
					<label><input type="checkbox" name="hobbit" value="0"/>乒乓球</label>
					<label><input type="checkbox" name="hobbit" value="1"/>羽毛球</label>
					<label><input type="checkbox" name="hobbit" value="2"/>篮球</label>
				</div>
				<div id="divtext">
					<label>自我介绍:</label>
						<textarea name="text" rows="10" cols="10">
						</textarea>
				</div>
				<button type="button" onclick="getdivname();">提交(按name获取元素)</button>
				<br />
				<button type="button" onclick="getdivtagname();">提交(按标签获取元素)</button>
			</form>
		</div>
	</body>
	<script type="text/javascript">
		function getdivname(){
			console.log('按name获取元素');
			console.log(document.getElementsByName('inputname'));
			console.log(document.getElementsByName('inputpwd'));
			console.log(document.getElementsByName('sex'));
			console.log(document.getElementsByName('school'));
			console.log(document.getElementsByName('hobbit'));
			console.log(document.getElementsByName('text'));
		};
		function getdivtagname(){
			console.log('按标签获取元素');
			console.log(document.getElementsByTagName('input'));
			console.log(document.getElementsByTagName('select'));
			console.log(document.getElementsByTagName('textarea'));
		};
	</script>
</html>
